<div class="modal" id="idCardModal">
    <div class="vertical-middle-block container">
        <div class="modal-dialog modal-sm vertical-middle-block-cell modal-relative">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="header-title">身份證信息</div>
                    <div class="header-reset">重新提交</div>
                </div>
                <div class="modal-body">
                    <div class="vertical-padding horizontal-padding bottom-divider clearfix">
                        <div class="col-xs-3 col-without-padding">姓名</div>
                        <div class="col-xs-6 nowrap-content"></div>
                        <div class="col-xs-3 nowrap-content padding-content"><span class="idCard-name"></span></div>
                    </div>  
                    <div class="vertical-padding horizontal-padding bottom-divider clearfix">
                        <div class="col-xs-3 col-without-padding">性別</div>
                        <div class="col-xs-6 nowrap-content"></div>
                        <div class="col-xs-3 nowrap-content padding-content"><span class="idCard-sex"></span></div>
                    </div> 
                    <div class="vertical-padding horizontal-padding bottom-divider clearfix">
                        <div class="col-xs-3 col-without-padding">民族</div>
                        <div class="col-xs-6 nowrap-content"></div>
                        <div class="col-xs-3 nowrap-content padding-content"><span class="idCard-nation"></span></div>
                    </div> 
                    <div class="vertical-padding horizontal-padding bottom-divider clearfix">
                        <div class="col-xs-3 col-without-padding">身份證號</div>
                        <div class="col-xs-2 nowrap-content"></div>
                        <div class="col-xs-7 nowrap-content padding-content"><span class="idCard-num"></span></div>
                    </div> 
                    <div class="vertical-padding horizontal-padding bottom-divider clearfix">
                        <div class="col-xs-2 col-without-padding">住址</div>
                        <div class="col-xs-10 nowrap-content padding-content"><span class="idCard-address"></span></div>
                    </div> 
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal" id="idCardChangeModal">
    <div class="vertical-middle-block container">
        <div class="modal-dialog modal-sm vertical-middle-block-cell modal-relative">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="header-title">身份證信息</div>
                    <div class="header-cancel">取消</div>
                </div>
                <div class="modal-body">
                    <form id= "uploadForm"> 
                        <div class="camera-container" data-value = '1' >
                            <div class="add-photo hidden"></div>  
                            <div class="get-photo">
                                <div class="camera-border"></div>
                                <div class="camera-tip">身份證人像面</div>
                                <input node-type='qr-btn'  type="file" name="face"  value="" accept="image/*" style="height: 100%;width: 100%;opacity: 0;" />                        	
                            </div>                      
                        </div>
                        <div class="camera-container" data-value = '2'>
                            <div class="add-photo hidden"></div> 
                            <div class="get-photo">
                                <div class="camera-border"></div>
                                <div class="camera-tip">身份證國徽面</div>
                                <input node-type='qr-btn' type="file" name="back" id=""  value="" accept="image/*" style="height: 100%;width: 100%;opacity: 0;" />
                            </div>
                        </div>
                        <div class="tip-container">請保持拍照時環境光亮度，身份證照片盡可能清晰且鋪面全屏。目前僅支持中華人民共和國身份證。</div>
                        <div class="edit-box"> 
                            <input type="button" class="edit-container" id="submitEditIdCard" value="提交" />
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>  
<div class="modal" id="confirmationModal">
    <div class="vertical-middle-block container">
        <div class="modal-dialog modal-sm vertical-middle-block-cell modal-relative">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="confirmation-back">上壹步</div>
                    <div class="header-title">身份證信息</div>
                    <div class="confirmation-cancel">取消</div>
                </div>
                <div class="modal-body">
                    <div class="vertical-padding horizontal-padding bottom-divider clearfix">
                        <div class="col-xs-3 col-without-padding">姓名</div>
                        <div class="col-xs-6 nowrap-content"></div>
                        <div class="col-xs-3 nowrap-content padding-content"><span class="idCard-name"></span></div>
                    </div>  
                    <div class="vertical-padding horizontal-padding bottom-divider clearfix">
                        <div class="col-xs-3 col-without-padding">性別</div>
                        <div class="col-xs-6 nowrap-content"></div>
                        <div class="col-xs-3 nowrap-content padding-content"><span class="idCard-sex"></span></div>
                    </div> 
                    <div class="vertical-padding horizontal-padding bottom-divider clearfix">
                        <div class="col-xs-3 col-without-padding">民族</div>
                        <div class="col-xs-6 nowrap-content"></div>
                        <div class="col-xs-3 nowrap-content padding-content"><span class="idCard-nation"></span></div>
                    </div> 
                    <div class="vertical-padding horizontal-padding bottom-divider clearfix">
                        <div class="col-xs-3 col-without-padding">身份證號</div>
                        <div class="col-xs-2 nowrap-content"></div>
                        <div class="col-xs-7 nowrap-content padding-content"><span class="idCard-num"></span></div>
                    </div> 
                    <div class="vertical-padding horizontal-padding bottom-divider clearfix">
                        <div class="col-xs-2 col-without-padding">住址</div>
                        <div class="col-xs-10 nowrap-content padding-content"><span class="idCard-address"></span></div>
                    </div>           
                    <div class="submitConfir-box" > 
                        <div class="edit-container" id="submitConfirmation">提交</div>
                    </div>              
                </div>
            </div>
        </div>
    </div>
</div>  
<div class="modal" id="bindMobileModal">
    <div class="vertical-middle-block container">
        <div class="modal-dialog modal-sm vertical-middle-block-cell modal-relative">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="header-title">綁定手機號</div>
                </div>
                <div class="modal-body">
                    <form onkeydown="if(event.keyCode==13){return false;}" id="login-container" class="form-horizontal form-sm horizontal-padding vertical-margin">
                        <div class="form-group">
                            <label class="col-xs-1 control-label"><span class="icon-phones"></span></label>
                            <div class="col-xs-11 has-action">
                                <include file="zh_tw:Public:Include_area_code" style=''  />
                                <span class="input-action-trigger input-trigger-clear iconfont icon-close hidden"></span>
                                <input id="requestMobile" type="text" data-tip-object="#login-tip" maxlength="11" class="form-control input-action-clear paddingArea" placeholder="請輸入手機號">
                            </div>
                        </div>
                        <div class="form-group" style="margin-bottom: 24px;">
                            <label class="col-xs-1 control-label"><span class="icon-yanzheng"></span></label>
                            <div class="col-xs-5 input-btn-group has-action">
                                <span class="input-action-trigger input-trigger-clear iconfont icon-close hidden"></span>
                                <input id="requestMobileCode" type="text" data-tip-object="#login-tip" maxlength="4" autocomplete="off"  class="form-control input-action-clear" placeholder="短信驗證碼">
                            </div>
                            <div class="col-xs-6 input-group-right text-right" style="padding: 0;">
                                <div id="sendAgain" data-tip-object="#login-tip" class="btn btn-accent btn-raised ulite-js-btn ulite-js-ripple-effect input-btn-group-btn"><span class="displayTime" ></span>獲取驗證碼</div>
                            </div>
                        </div>
                        <div class="form-group form-group-tip" style="height: auto;">
                            <div id="login-tip" class="help-block text-center">
                            </div>
                        </div>
                        <div class="row vertical-margin group-submit">
                            <button id="requestSubmit" type="submit" data-tip-object="#login-tip" class="col-xs-12  btn-primary btn-raised " disabled="disabled" style="color: #fff;">確認</button>
                        </div>
                    </form>             
                </div>
            </div>
        </div>
    </div>
</div>  